/*base*/
*{margin: 0;padding:0;}
html{font-size:62.5%; /* 10÷16=62.5% */}
body{background-color:#fff;font-family: 'Microsoft YaHei';}
div{outline:0 !important;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul,li{list-style: none;}
em{font-style: normal;}
input[type="number"]::-webkit-textfield-decoration-container {}
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
::-webkit-input-placeholder {color:#ccc;text-decoration:none;}
:placeholder {color:#ccc;text-decoration:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
img{width:100%;}
.ub{display: -webkit-box !important;display: box !important;position:relative;}
.ub-con{position:absolute;width:100%;height:100%;}
.ub-ac{-webkit-box-align:center;box-align:center;}
.ub-ae{-webkit-box-align:end;box-align:end;}
.ub-aj{-webkit-box-align:justify;box-align:justify;}
.ub-pc{-webkit-box-pack:center;box-pack:center;}
.ub-pe{-webkit-box-pack:end;box-pack:end;}
.ub-pj{-webkit-box-pack:justify;box-pack:justify;}
.ub-ver{-webkit-box-orient:vertical;box-orient:vertical;}
.ub-f1{position:relative;-webkit-box-flex: 1; box-flex: 1;}
.ub-f2{position:relative;-webkit-box-flex: 2;box-flex: 2; }
.ub-f3{position:relative;-webkit-box-flex: 3;box-flex: 3;}
.ub-f4{position:relative;-webkit-box-flex: 4;box-flex: 4;}
.ub-img{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center;}
.ub-img-bg{-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center;}
.ut-s{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;outline: 0 !important;}
.box_sizing{box-sizing:border-box;-webkit-box-sizing:border-box;}
.table {display: table;} 
.rows {display: table-row; } 
.cells {display: table-cell;}
.uw30{width:30%;}
.uw50{width:50%;}
.uw60{width:60%;}
.uw65{width:65%;}
.uw75{width:75%;}
.uw80{width:80%;}
.uw90{width:90%;}
.uw100{width:100%;}
.uh100{height:100%;}
.tx-c{text-align: center;}
.tx-l{text-align: left;}
.tx-r{text-align: right;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.mauto{margin:0 auto;}
.hide{display:none !important;}
.vib{visibility:hidden;}
.pr{position:relative;}
.pa{position: absolute !important;}

/*base------------------end*/
/*加载--------------------*/
.loading-icon{width:3rem; height:4rem;position: absolute;top: 39%;left: 50%; margin-left:-1.25rem;
  background:url(img/game/game_prize.png) no-repeat center top;background-size:3rem auto;}
.loading-tiao {
  width: 50%;
  height: 2px;
  top: 50%;
  left: 25%;
  position: absolute;
  background-color: #ffe11b;
  overflow:hidden;
}
.loading-tiao div {
  width: 0;
  height: 100%;
  background-color: #D24E83;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
}
.ctn-hide-ani {
    -webkit-animation: container-hide 0.7s ease 0s both;
}
@-webkit-keyframes container-hide {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
    }
}
/*--------------------------*/
header{font-size:2rem;background-color: #fda424;color:#fff;font-weight: bolder;}
header>div{padding:0.7rem 0;}
header>.leftBtn,header>.rightBtn{font-size:1.2rem;width:4rem;text-align: center;}
header p{position:relative;}
header em{font-size:1.4rem;}
header i{font-size:1.6rem;font-style: normal;}
header .font:after{
  content:" ";
  position:absolute;
  top:38%;
  right:-3px;
  width: 0px;
  height: 0px;
  border: 5px;
  border-style: solid;
  border-color:#fff transparent transparent;;
  display: inline;
}
header .left{width:1.2rem;height:1.2rem;margin-left:1rem;border: 2px solid #fff;transform: rotate(225deg);-webkit-transform: rotate(225deg);border-bottom: transparent;border-left: transparent;}
header .img{width:1.5rem;height:1.5rem;margin:0 auto;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center;}
footer{position:fixed;width:100%;left:0;bottom:0;background-color: #fff;border-top: 1px solid #e5e5e5;text-align: center;padding-top: 0.3rem;z-index:9999;}
footer>.fot>a:not(:last-child):after{
  content:" ";
  position:absolute;
  right:0;top:10%;
  height:80%;
  width:1px;
  background-color: #e9e9e9;
}
footer>.fot>a{display:block;text-decoration: none;}
footer>.fot p{color:#a0a0a0;padding-bottom: 0.3rem;}
.rightBtn a{color:#fff;font-size:1.6rem;text-decoration: none;}

.im_login{background-image:url(../../images/ico_login.png)}
.im_search{background-image:url(../../images/ico_search.png)}
.idx_search{background-image:url(../../images/idx_search.png)}
.im_plus{background-image:url(../../images/ico_plus.png)}
.im_set{background-image:url(../../images/ico_set.png)}
.im_int{background-image: url(../../images/ico_int.png);}
.im_addImg{background-image: url(../../images/ico_addImg.png);}
.im_del{background-image: url(../../images/ico_del.png);width:1.5rem;height:1.5rem;}
.im_inx1{background-position: 0 0;}
.im_inx2{background-position: 0 33%;}
.im_inx3{background-position: 0 66%;}
.im_inx4{background-position: 0 99%;}
.im_inx{width:5rem;height:5rem;margin:0 auto;background-image: url(../../images/inx_icos.png);background-size: 100%;}

.inx_btm_ico{width:3rem;height:3rem;margin:0 auto;background-image: url(../../images/lib_fot_icos.png);background-size: 100%;}
.im_home{background-position: 3% 114%;}
.im_service{background-position: 3% 85.5%;}
.im_int{background-position: 3% 28%;}
.im_my{background-position: 3% 56.5%;}

.home .im_home{background-position: 3% 128%;}
.home .tt_home,.service .tt_service,.int .tt_int,.my .tt_my{color:#ffa119;}
.service .im_service{background-position: 3% 99.5%;}
.int .im_int{background-position: 3% 42%;}
.my .im_my{background-position: 3% 70.5%;}

.im_qq{background-position: 0% 0%;}
.im_weixin{background-position: 0% 66%;}
.im_my_infoicos{display:block;width:4rem;height:4rem;margin-right:0.5rem;background-image: url(../../images/my_info_icos.png);background-size: 100%;}
.im_stars{background-image:url(../../images/ico_stars.png);}
.im_pay{background-image:url(../../images/ico_pay.png);background-size: 100%;}
.im_mess{background-image:url(../../images/ico_mess.png);background-size: 100%;}
.im_tel{background-image:url(../../images/ico_tel.png);background-size: 100%;}
/*css动画*/
@keyframes heart{
  0%{ transform: scale(1,1);}
  50%{ transform: scale(1.5,1.5);}
  100%{ transform: scale(1,1);}
}
@-webkit-keyframes heart{
  0%{ -webkit-transform: scale(1,1);}
  50%{ -webkit-transform: scale(1.5,1.5);}
  100%{ -webkit-transform: scale(1,1);}
}
.heart{animation: heart .8s;-webkit-animation: heart .8s;}

/*登录css*/
.l_tou{width: 8rem;height: 8rem;margin: 2rem auto 1rem;}
.l_tou img{width:100%;height:100%;border-radius: 50%;-webkit-border-radius: 50%;}
.l_input{width:90%;height: 3rem;line-height: 3rem;font-size: 1.6rem;border:0;border-radius: 5px;-webkit-border-radius: 5px;margin-top:1rem;padding: 0 3.5rem;}
.l_input.in1{background-size: 25%;background-position: 0 11%;}
.l_input.in2{background-size: 25%;background-position: 0 0;}
.l_sub{width:90%;height: 3rem;line-height: 3rem;text-align: center;margin:1.5rem auto;background-color: #f8cb8b;color:#fff;border-radius: 5px;-webkit-border-radius: 5px;font-size: 1.6rem;}
.l_fp{width:90%;font-size: 1.4rem;margin:1rem auto;text-align: right;}
.l_fp>em{display:block;width:2rem;height:2rem;background-size: 7rem;background-position: 10% 42%;}
.l_fp>a{display:block;color: #999;text-decoration: none;padding-top:.2rem;}

.l_pwd_input{width:90%;height: 3.5rem;line-height: 3.5rem;font-size: 1.6rem;border:1px solid #ccc;border-radius: 3px;-webkit-border-radius: 3px;padding: 0 3.5rem;}
.find_pwd_sin{margin-top:1.5rem;}
.l_pwd_input.in3{background-size: 25%;background-position: 0 21%;}
.l_pwd_input.in4{background-size: 6rem;background-position: 2% 10%;width:100%;}
.l_pwd_code{display:block;margin-left:1rem;padding:0 .5rem;color:#fff;background-color: #ccc;border:0;font-size:1.4rem;border-radius: 3px;-webkit-border-radius: 3px;}
.find_pwd_btn{width:90%;height: 4rem;line-height: 4rem;text-align: center;margin:2rem auto;background-color: #fda424;color:#fff;border-radius: 5px;-webkit-border-radius: 5px;font-size: 1.6rem;}

.l_reg_input{width:90%;height: 3.5rem;line-height: 3.5rem;font-size: 1.6rem;border:1px solid #ccc;border-radius: 3px;-webkit-border-radius: 3px;padding: 0 3.5rem;border:0;}
.reg_sin{margin-top:1rem;}
.l_reg_input.in3{background-size: 25%;background-position: 0 21%;}
.l_reg_input.in4{background-size: 6rem;background-position: 2% 31.5%;width:100%;}
.l_reg_code{display:block;margin-left:1rem;padding:0 .5rem;color:#fff;background-color: #ccc;border:0;font-size:1.4rem;border-radius: 3px;-webkit-border-radius: 3px;}
.reg_btn{width:80%;height: 3.5rem;line-height: 3.5rem;text-align: center;margin:1.5rem auto;background-color: #f8cb8b;color:#fff;border-radius: 5px;-webkit-border-radius: 5px;font-size: 1.6rem;}

.search_con{position:fixed; width:100%;height:100%;top:0;left:0;z-index:99999;background-color: #fff;transform: translate3d(0%,100%,0);-webkit-transform: translate3d(0%,100%,0);transition: transform 300ms ease-in-out;-webkit-transition: transform 300ms ease-in-out;}
.search_con.on{transform: translate3d(0%,0,0);-webkit-transform: translate3d(0%,0,0);}
.search_con>div{padding: .8rem .8rem 0;}
.search_con .s_txt{padding-left: .8rem;font-size:1.5rem;color:#999;}
.search_input{display:block;height:2.5rem;background-color: #e5e5e5;padding:0 .5rem;font-size:1.4rem;border:0;border-radius: 3px;-webkit-border-radius: 3px;}
}



